<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <title>统一地图平台</title>
    
</head>

<body>
    <script src="./js_example/script/map.min.js"></script>
    <script src="./js_example/script/demo.js"></script>
    <script>
        function gotoMap() {
            window.open(mapUrl,"_black");
        }
    </script>
    <div>
        #include("layout/header/index.html")
        <div id="page_wrapper" class="page-wrapper">
            <div class="content-nosidebar">
                <div class="content">
                    <div class="home_gallery">
                        <div id="slick_dom" class="small_gallery">
                            <div class="small_gallery_box b1">
                                <div class="small_gallery_box_title">跨平台轻量级统一地图平台服务 </div>
                                <div class="small_gallery_box_sub">
                                    支持ArcGIS、SuperMap和GeoServer各类地图服务<br />
                                    提供web、移动端h5、Android平台、IOS平台下互联网地图服务
                                </div>
                                <!-- <div class="small_gallery_box_button">
                                    <div class="small_gallery_box_button_text">立即查看</div>
                                </div> -->
                            </div>
                            <div class="small_gallery_box b2">
                                <div class="small_gallery_box_title">数据资源统一管理服务 </div>
                                <div class="small_gallery_box_sub">
                                    流程化管理 | 在线注册 | 在线审核 | 在线使用
                                </div>
                                <!-- <div class="small_gallery_box_button">
                                    <div class="small_gallery_box_button_text">立即查看</div>
                                </div> -->
                            </div>
                        </div>
                    </div>
                    <div class="announcement">
                        <div>
                            <a style="cursor: default;">
                                <p>
                                    跨平台轻量级统一地图平台服务
                                </p>
                                <span> 支持ArcGIS、SuperMap和GeoServer各类地图服务 </span>
                            </a>
                            <a style="cursor: default;">
                                <p>
                                    全终端互联网化统一地图平台服务
                                </p>
                                <span> 提供web、移动端h5、Android平台、IOS平台下互联网地图服务 </span>
                            </a>
                            <a style="cursor: default;">
                                <p>
                                    数据资源统一管理服务
                                </p>
                                <span> 数据资源流程化管理，在线注册、在线审核、在线使用 </span>
                            </a>
                        </div>
                    </div>
                    <div id="our_pro" class="our_pro">
                        <h1 class="home_t1">丰富的地图产品与服务</h1>
                        <div class="our_pro_title pc">
                            <p class="pc"></p>
                            <ul>
                                <li class="tab_1">
                                    <span class="b-lazy pc b-error">icon</span>
                                    <b>地图</b>
                                </li>
                                <li class="tab_2">
                                    <span class="b-lazy pc b-error">icon</span>
                                    <b>定位</b>
                                </li>
                                <li class="tab_3">
                                    <span class="b-lazy pc b-error">icon</span>
                                    <b>导航</b>
                                </li>
                                <li class="tab_4">
                                    <span class="b-lazy pc b-error">icon</span>
                                    <b>路线规划</b>
                                </li>
                                <li class="tab_5">
                                    <span class="b-lazy pc b-error">icon</span>
                                    <b>搜索</b>
                                </li>
                                <li class="tab_7">
                                    <span class="b-lazy pc b-error">icon</span>
                                    <b>标绘</b>
                                </li>
                                <li class="tab_8">
                                    <span class="b-lazy pc b-error">icon</span>
                                    <b>数据可视化</b>
                                </li>
                            </ul>
                        </div>
                        <div class="our_pro_content pc">
                            <div class="our_pro_0 current">
                                <div class="our_pro_con">
                                    <p>地图</p>
                                    <ul>
                                        <li>
                                            <span>地图显示</span>
                                        </li>
                                        <li>
                                            <span>地图绘制</span>
                                        </li>
                                        <li>
                                            <span>自定义地图</span>
                                        </li>
                                        <li>
                                            <span>出行路径规划</span>
                                        </li>
                                    </ul>
                                    <div class="our_pro_detail">
                                        <a href="./example.html" data-czc='["首页-产品与服务-地图-详情"," "]'>了解详情</a></div>
                                    <div class="our_pro_animation b-lazy">
                                        <div id="our_pro-animation_0" class="our_pro_animation" data-index="0"
                                            data-src="/web/public/dist/pages/home/bodymovin/ani_0/images/img_0.png">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="our_pro_1">
                                <div class="our_pro_con">
                                    <p>定位</p>
                                    <ul>
                                        <li>
                                            <span>多种混合定位方式</span>
                                        </li>
                                        <li>
                                            <span>支持地理围栏功能</span>
                                        </li>
                                    </ul>
                                    <div class="our_pro_detail"><a href="./example.html" data-czc='["首页-产品与服务-定位-详情"," "]'>了解详情</a>
                                    </div>
                                    <div class="our_pro_animation our_pro_position b-lazy">
                                        <div id="our_pro-animation_1" class="our_pro_animation" data-index="0"
                                            data-src="/web/public/dist/pages/home/bodymovin/ani_0/images/img_0.png">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="our_pro_2">
                                <div class="our_pro_con">
                                    <p>导航</p>
                                    <ul>
                                        <li>
                                            <span>全面的路网信息，实时路况能力</span>
                                        </li>
                                        <li>
                                            <span>驾车导航模式</span>
                                        </li>
                                        <li>
                                            <span>步行导航模式</span>
                                        </li>
                                        <li>
                                            <span>公交导航模式</span>
                                        </li>
                                    </ul>
                                    <div class="our_pro_detail"><a onclick="alert('功能开发中...')" data-czc='["首页-产品与服务-导航-详情"," "]'>了解详情</a>
                                    </div>
                                    <div class="our_pro_animation b-lazy">
                                        <div id="our_pro-animation_2" class="our_pro_animation" data-index="0"
                                            data-src="/web/public/dist/pages/home/bodymovin/ani_0/images/img_0.png">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="our_pro_3">
                                <div class="our_pro_con">
                                    <p>路线规划</p>
                                    <ul>
                                        <li>
                                            <span>驾车路线规划</span>
                                        </li>
                                        <li>
                                            <span>步行路线规划</span>
                                        </li>
                                        <li>
                                            <span>公交路线规划</span>
                                        </li>
                                        <li>
                                            <span>骑行路线规划</span>
                                        </li>
                                    </ul>
                                    <div class="our_pro_detail"><a href="./example.html"
                                            data-czc='["首页-产品与服务-路线规划-详情"," "]'>了解详情</a></div>
                                    <div class="our_pro_animation our_pro_plan b-lazy">
                                        <div id="our_pro-animation_3" class="our_pro_animation" data-index="0"
                                            data-src="/web/public/dist/pages/home/bodymovin/ani_0/images/img_0.png">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="our_pro_4">
                                <div class="our_pro_con">
                                    <p>搜索</p>
                                    <ul>
                                        <li>
                                            <span>海量POI数据</span>
                                        </li>
                                        <li>
                                            <span>关键字搜/多边形搜/周边搜</span>
                                        </li>
                                        <li>
                                            <span>输入提示</span>
                                        </li>
                                        <li>
                                            <span>正/逆地理编码</span>
                                        </li>
                                    </ul>
                                    <div class="our_pro_detail"><a href="./example.html" data-czc='["首页-产品与服务-搜索-详情"," "]'>了解详情</a>
                                    </div>
                                    <div class="our_pro_animation b-lazy">
                                        <div id="our_pro-animation_4" class="our_pro_animation" data-index="0"
                                            data-src="/web/public/dist/pages/home/bodymovin/ani_0/images/img_0.png">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="our_pro_5">
                                <div class="our_pro_con">
                                    <p>标绘</p>
                                    <ul>
                                        <li>
                                            <span>点、线、面、复杂图形多种绘制</span>
                                        </li>
                                        <li>
                                            <span>自定义标绘保存</span>
                                        </li>
                                    </ul>
                                    <div class="our_pro_detail"><a href="./example.html"
                                            data-czc='["首页-产品与服务-自定义地图-详情"," "]'>了解详情</a></div>
                                    <div class="our_pro_animation b-lazy">
                                        <div id="our_pro-animation_6" class="our_pro_animation" data-index="0"
                                            data-src="/web/public/dist/pages/home/bodymovin/ani_0/images/img_0.png">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="our_pro_6">
                                <div class="our_pro_con">
                                    <p>数据可视化</p>
                                    <ul>
                                        <li>
                                            <span>丰富的数据展示效果</span>
                                        </li>
                                        <li>
                                            <span>切合主题的地图模板</span>
                                        </li>
                                        <li>
                                            <span>灵活的地图组件</span>
                                        </li>
                                        <li>
                                            <span>多种调用方式</span>
                                        </li>
                                    </ul>
                                    <div class="our_pro_detail"><a onclick="alert('功能开发中...')"
                                            data-czc='["首页-产品与服务-位置数据可视化-详情"," "]'>了解详情</a></div>
                                    <div class="our_pro_animation our_pro_see b-lazy">
                                        <div id="our_pro-animation_7" class="our_pro_animation" data-index="0"
                                            data-src="/web/public/dist/pages/home/bodymovin/ani_0/images/img_0.png">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="travel_plan b-lazy" id="travel_plan" data-visible="首页-解决方案-模块曝光">
                        <div class="travel_plan_con pc">
                            <ul class="travel_plan_left">
                                <li class="current">出行</li>
                                <li>货运</li>
                                <li>海外</li>
                                <li>游戏</li>
                                <li>电商</li>
                                <li>O2O</li>
                                <li>社交</li>
                                <li>运动</li>
                                <li>智能硬件</li>
                            </ul>
                            <div class="travel_plan_right_con">
                                <div class="travel_plan_right_01 current">
                                    <h1>出行解决方案</h1>
                                    <h2>一站式解决行业痛点</h2>
                                    <ul>
                                        <li>优化服务体验</li>
                                        <li>提升运营效率</li>
                                        <li>赋能业务增长</li>
                                    </ul>
                                    <p><a href="https://mobility.amap.com/" data-czc='["首页-解决方案-出行-详情"," "]'>了解详情</a>
                                    </p>
                                    <div class="travel_plan_dash"></div>
                                    <img class="b-lazy" data-src="/home/travel_logo/travel_plan_user_01_2x.png" alt="">
                                </div>
                                <div class="travel_plan_right_02">
                                    <h1>货运解决方案</h1>
                                    <h2>帮助3000万司机安全出行</h2>
                                    <ul>
                                        <li>货运地址服务</li>
                                        <li>货车路线规划</li>
                                        <li>货运里程预估</li>
                                        <li>货车导航功能</li>
                                    </ul>
                                    <p><a href="/smart/truck" data-czc='["首页-解决方案-货运-详情"," "]'>了解详情</a></p>
                                    <div class="travel_plan_dash"></div>
                                    <img class="b-lazy" data-src="/home/travel_logo/travel_plan_user_02_2x.png" alt="">
                                </div>
                                <div class="travel_plan_right_03">
                                    <h1>海外解决方案</h1>
                                    <h2>助力开发者出海</h2>
                                    <ul>
                                        <li>5大类基础服务</li>
                                        <li>服务覆盖全球</li>
                                        <li>海内外产品一体化</li>
                                        <li>服务稳定性保证</li>
                                    </ul>
                                    <p><a href="/getting-started/abroad" data-czc='["首页-解决方案-海外-详情"," "]'>了解详情</a></p>
                                    <div class="travel_plan_dash"></div>
                                    <img class="b-lazy" data-src="/home/travel_logo/travel_plan_user_03_2x.png" alt="">
                                </div>
                                <div class="travel_plan_right_04">
                                    <h1>游戏解决方案</h1>
                                    <h2>引擎升级助力实时渲染</h2>
                                    <ul>
                                        <li>玩家位置展现</li>
                                        <li>绚丽游戏动画</li>
                                        <li>自定义地图样式</li>
                                        <li>游戏路线规划</li>
                                    </ul>
                                    <p><a href="/smart/game" data-czc='["首页-解决方案-游戏-详情"," "]'>了解详情</a></p>
                                    <div class="travel_plan_dash"></div>
                                    <img class="b-lazy" data-src="/home/travel_logo/travel_plan_user_04_2x.png" alt="">
                                </div>
                                <div class="travel_plan_right_05">
                                    <h1>电商解决方案</h1>
                                    <h2>智能物流监控实时包裹</h2>
                                    <ul>
                                        <li>设置收货地址</li>
                                        <li>配送员调度</li>
                                        <li>规划配送路线</li>
                                        <li>包裹配送进度展示</li>

                                    </ul>
                                    <p><a href="/smart/e-commerce" data-czc='["首页-解决方案-电商-详情"," "]'>了解详情</a></p>
                                    <div class="travel_plan_dash"></div>
                                    <img class="b-lazy" data-src="/home/travel_logo/travel_plan_user_05_2x.png" alt="">
                                </div>
                                <div class="travel_plan_right_06">
                                    <h1>O2O解决方案</h1>
                                    <h2>多点配送选择最优路径</h2>
                                    <ul>
                                        <li>设置收货地址</li>
                                        <li>配送员调度</li>
                                        <li>规划配送路线</li>
                                        <li>商品配送进度展示</li>

                                    </ul>
                                    <p><a href="/smart/o2o" data-czc='["首页-解决方案-O2O-详情"," "]'>了解详情</a></p>
                                    <div class="travel_plan_dash"></div>
                                    <img class="b-lazy" data-src="/home/travel_logo/travel_plan_user_06_2x.png" alt="">
                                </div>
                                <div class="travel_plan_right_07">
                                    <h1>社交解决方案</h1>
                                    <h2>精准定位发现附近精彩</h2>
                                    <ul>
                                        <li>附近的人和事</li>
                                        <li>实时位置分享</li>
                                        <li>用户位置展现</li>
                                        <li>大数据分析</li>

                                    </ul>
                                    <p><a href="/smart/social" data-czc='["首页-解决方案-社交-详情"," "]'>了解详情</a></p>
                                    <div class="travel_plan_dash"></div>
                                    <img class="b-lazy" data-src="/home/travel_logo/travel_plan_user_07_2x.png" alt="">
                                </div>
                                <div class="travel_plan_right_08">
                                    <h1>运动解决方案</h1>
                                    <h2>轨迹展示分享运动成果</h2>
                                    <ul>
                                        <li>运动轨迹分享</li>
                                        <li>附近运动的人</li>

                                    </ul>
                                    <p><a href="/smart/sport" data-czc='["首页-解决方案-运动-详情"," "]'>了解详情</a></p>
                                    <div class="travel_plan_dash"></div>
                                    <img class="b-lazy" data-src="/home/travel_logo/travel_plan_user_08_2x.png" alt="">
                                </div>
                                <div class="travel_plan_right_09">
                                    <h1>智能硬件解决方案</h1>
                                    <h2>硬件定位实现智能升级</h2>
                                    <ul>
                                        <li>全球地址解析</li>
                                        <li>中英文地图展现</li>
                                        <li>多功能地理围栏</li>
                                        <li>运动轨迹记录</li>

                                    </ul>
                                    <p><a href="/smart/smarthard" data-czc='["首页-解决方案-智能硬件-详情"," "]'>了解详情</a></p>
                                    <div class="travel_plan_dash"></div>
                                    <img class="b-lazy" data-src="/home/travel_logo/travel_plan_user_09_2x.png" alt="">
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="industry_advantage b-lazy" data-visible="首页-行业优势-模块曝光" style="overflow: hidden;">
                        <h1 class="home_t1">海量数据，铸就强大行业优势</h1>
                        <ul class="pc " style="width: 1066px;transform:translateX(50px);">
                            <li data-scroll-reveal="distance 100px and duration 500">
                                <span class="tab_1 b-lazy">icon</span>
                                <strong>1000亿</strong>
                                <b>日均处理近1000亿次的定位及路线规划请求</b>
                            </li>
                            <li>
                                <span class="tab_2 b-lazy">icon</span>
                                <strong>90%</strong>
                                <b>90%终端覆盖率，10部手机9部使用高德位置服务</b>
                            </li>
                            <li>
                                <span class="tab_3 b-lazy">icon</span>
                                <strong>90%</strong>
                                <b>为国内出行行业超90%的应用提供解决方案</b>
                            </li>
                            <li>
                                <span class="tab_4 b-lazy">icon</span>
                                <strong>30万</strong>
                                <b>为超过30万的移动应用提供位置服务</b>
                            </li>
                            <li style="width: 160px;margin-right: 50px;">
                                <span class="tab_5 b-lazy">icon</span>
                                <strong>7000万</strong>
                                <b>涵盖中国超过7000万的POI数据</b>
                            </li>
                        </ul>
                    </div> -->
                    <div class="business_development b-lazy" data-visible="首页-服务稳定性-模块曝光">
                        <h1 class="home_t1">跨平台统一地图平台服务</h1>
                        <ul>
                            <li class="list_1">
                                <span class="b-lazy">icon</span>
                                <strong>跨平台</strong>
                                <b>支持ArcGIS、SuperMap和GeoServer各类地图服务</b>
                            </li>
                            <li class="list_2">
                                <span class="b-lazy">icon</span>
                                <strong>全终端</strong>
                                <b>支持web、移动端h5、Android平台、IOS平台下的互联网地图服务</b>
                            </li>
                            <li class="list_3">
                                <span class="b-lazy">icon</span>
                                <strong>统一管理</strong>
                                <b>电网资源流程化管理，在线注册、在线审核、在线使用</b>
                            </li>
                        </ul>
                    </div>
                    <!-- <div class="dev_document" data-visible="首页-开发文档-模块曝光">
                        <h1 class="home_t1">开发文档</h1>
                        <ul class="pc" style="width:1111px;white-space:nowrap;transform:translateX(12px);">
                            <li>
                                <img data-src="/home/web.svg">
                                <p>Web端</p>
                                <hr />
                                <ul>
                                    <li><a href="./">地图&nbsp;JS&nbsp;API</a></li>
                                    <li><a href="./">数据可视化JS&nbsp;API</a></li>
                                    <li><a href="./">web&nbsp;JS&nbsp;API示例</a></li>
                                    <li><a href="./">web综合示例</a></li>
                                    <li><a href="./">移动JS综合示例</a></li>
                                </ul>
                            </li>
                            <li>
                                <img data-src="/home/android.svg">
                                <p>Android平台</p>
                                <hr />
                                <ul>
                                    <li><a href="./">Android&nbsp;地图SDK</a></li>
                                    <li><a href="./">Android&nbsp;定位SDK</a></li>
                                    <li><a href="./">Android&nbsp;导航SDK</a></li>
                                    <li><a href="./">Android&nbsp;综合示例</a></li>
                                </ul>
                            </li>
                            <li>
                                <img data-src="/home/ios.svg">
                                <p>iOS平台</p>
                                <hr />
                                <ul>
                                    <li><a href="./">iOS&nbsp;地图SDK</a></li>
                                    <li><a href="./">iOS&nbsp;定位SDK</a></li>
                                    <li><a href="./">iOS&nbsp;导航SDK</a></li>
                                    <li><a href="./">iOS&nbsp;综合示例</a></li>
                                </ul>
                            </li>

                            <li>
                                <img data-src="/home/web_2.svg">
                                <p>Web服务</p>
                                <hr />
                                <ul>
                                    <li><a href="./">Web服务&nbsp;API</a></li>
                                </ul>
                            </li>
                            <li style="margin-right: 12px;">
                                <img data-src="/home/other.svg">
                                <p>其他</p>
                                <hr />
                                <ul>
                                    <li><a href="./">微信小程序SDK</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div> -->
                    <div class="dev_document2" data-visible="首页-示例中心-模块曝光">
                        <h1 class="home_t1">示例中心</h1>
                        <ul class="pc" style="width:1111px;white-space:nowrap;transform:translateX(12px);">
                            <li>
                                <a onclick="gotoMap()" target="_black">
                                    <img src="../../images/sl3.png"/>
                                    <p>通用地图</p>
                                </a>
                            </li>
                            <li>
                                <a onclick="alert('功能开发中...')" target="_black">
                                    <img src="../../images/sl2.jpeg"/>
                                    <p>应急指挥</p>
                                </a>
                            </li>
                            <li>
                                <a onclick="alert('功能开发中...')" target="_black">
                                    <img src="../../images/sl1.jpg"/>
                                    <p>配网抢修</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="quick_build" data-visible="首页-注册引导-模块曝光" style="overflow: hidden;">
                        <h1 class="home_t1 pc">注册开发者，立即获取所需资源</a></h1>
                        <ul>
                            <li>
                                <div>
                                    <span>1</span>
                                    <b>注册账号</b>
                                </div>
                                <hr>
                            </li>
                            <li>
                                <div>
                                    <span>2</span>
                                    <b>开发者认证</b>
                                </div>
                                <hr>
                            </li>
                            <li>
                                <div>
                                    <span>3</span>
                                    <b>申请资源</b>
                                </div>
                                <hr>
                            </li>
                            <li class="pc">
                                <div>
                                    <span>4</span>
                                    <b>集成产品与服务</b>
                                </div>
                            </li>
                        </ul>
                        <div class="quick_build_application"><a onclick="alert('功能开发中...')">立即注册</a></div>
                    </div>
                </div>
            </div>
        </div>
        #include("layout/footer/index.html")
    </div>
</body>

</html>
